﻿<Window x:Class="CheckersClientApplication.PlayRegionScreen"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PlayRegionScreen" Height="768" Width="1024" ResizeMode="NoResize" Closing="Windows_closing" >
    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="/Resources/background.jpg"/>
        </Grid.Background>
        <Label Foreground="White" FontSize="15" FontStyle="Italic"  FontWeight="ExtraBold" Content="Checkers" Height="28" HorizontalAlignment="Left" Margin="451,8,0,0" Name="Heading" VerticalAlignment="Top" Width="190" />

        <Label Foreground="White" FontSize="15" FontWeight="DemiBold" Content="" Height="28" HorizontalAlignment="Left" Margin="741,10,0,0" Name="lblPlayerName" VerticalAlignment="Top" Width="209" />
        
        <StackPanel Height="500" HorizontalAlignment="Center" Margin="40,85,0,0" Name="gridPanel" VerticalAlignment="Top" Width="500" >
            <Grid x:Name="CheckersGrid" ShowGridLines="True" Width="480" Height="480">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>

                <StackPanel x:Name="FirstStackPanel" Background="LightGray" Grid.Row="0" Grid.Column="0" >
                    <Image x:Name="img_0_00" Source="Resources\YellowChecker.gif" Width="60" Height="60"  />
                </StackPanel>
                <StackPanel Background="White" Grid.Row="0" Grid.Column="1"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="0" Grid.Column="2">
                    <Image x:Name="img_0_01" Source="Resources\YellowChecker.gif" Width="60" Height="60" />
                </StackPanel>
                <StackPanel Background="White" Grid.Row="0" Grid.Column="3"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="0" Grid.Column="4">
                    <Image x:Name="img_0_02" Source="Resources\YellowChecker.gif" Width="60" Height="60" />
                </StackPanel>
                <StackPanel Background="White" Grid.Row="0" Grid.Column="5"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="0" Grid.Column="6">
                    <Image x:Name="img_0_03" Source="Resources\YellowChecker.gif" Width="60" Height="60" />
                </StackPanel>
                <StackPanel Background="White" Grid.Row="0" Grid.Column="7"></StackPanel>

                <StackPanel Background="white" Grid.Row="1" Grid.Column="0"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="1" Grid.Column="1" >
                    <Image x:Name="img_0_04" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="white" Grid.Row="1" Grid.Column="2"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="1" Grid.Column="3">
                    <Image x:Name="img_0_05" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="1" Grid.Column="4"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="1" Grid.Column="5">
                    <Image x:Name="img_0_06" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="1" Grid.Column="6"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="1" Grid.Column="7">
                    <Image x:Name="img_0_07" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>

                <StackPanel Background="LightGray" Grid.Row="2" Grid.Column="0">
                    <Image x:Name="img_0_08" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="2" Grid.Column="1"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="2" Grid.Column="2">
                    <Image x:Name="img_0_09" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="2" Grid.Column="3"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="2" Grid.Column="4">
                    <Image x:Name="img_0_10" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="2" Grid.Column="5"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="2" Grid.Column="6">
                    <Image x:Name="img_0_11" Source="Resources\YellowChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="2" Grid.Column="7"></StackPanel>

                <StackPanel Background="white" Grid.Row="3" Grid.Column="0"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="3" Grid.Column="1"></StackPanel>
                <StackPanel Background="white" Grid.Row="3" Grid.Column="2"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="3" Grid.Column="3"></StackPanel>
                <StackPanel Background="White" Grid.Row="3" Grid.Column="4"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="3" Grid.Column="5"></StackPanel>
                <StackPanel Background="White" Grid.Row="3" Grid.Column="6"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="3" Grid.Column="7"></StackPanel>

                <StackPanel Background="LightGray" Grid.Row="4" Grid.Column="0"></StackPanel>
                <StackPanel Background="White" Grid.Row="4" Grid.Column="1"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="4" Grid.Column="2"></StackPanel>
                <StackPanel Background="White" Grid.Row="4" Grid.Column="3"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="4" Grid.Column="4"></StackPanel>
                <StackPanel Background="White" Grid.Row="4" Grid.Column="5"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="4" Grid.Column="6"></StackPanel>
                <StackPanel Background="White" Grid.Row="4" Grid.Column="7"></StackPanel>

                <StackPanel Background="white" Grid.Row="5" Grid.Column="0"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="5" Grid.Column="1">
                    <Image x:Name="img_1_11" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="white" Grid.Row="5" Grid.Column="2"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="5" Grid.Column="3">
                    <Image x:Name="img_1_10" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="5" Grid.Column="4"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="5" Grid.Column="5">
                    <Image x:Name="img_1_09" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="5" Grid.Column="6"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="5" Grid.Column="7">
                    <Image x:Name="img_1_08" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>

                <StackPanel Background="LightGray" Grid.Row="6" Grid.Column="0">
                    <Image x:Name="img_1_07" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="6" Grid.Column="1"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="6" Grid.Column="2">
                    <Image x:Name="img_1_06" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="6" Grid.Column="3"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="6" Grid.Column="4">
                    <Image x:Name="img_1_05" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="6" Grid.Column="5"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="6" Grid.Column="6">
                    <Image x:Name="img_1_04" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="6" Grid.Column="7"></StackPanel>

                <StackPanel Background="white" Grid.Row="7" Grid.Column="0"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="7" Grid.Column="1">
                    <Image x:Name="img_1_03" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="white" Grid.Row="7" Grid.Column="2"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="7" Grid.Column="3">
                    <Image x:Name="img_1_02" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="7" Grid.Column="4"></StackPanel>
                <StackPanel Background="LightGray" Grid.Row="7" Grid.Column="5">
                    <Image x:Name="img_1_01" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>
                <StackPanel Background="White" Grid.Row="7" Grid.Column="6"></StackPanel>
                <StackPanel x:Name="LastStackPanel" Background="LightGray" Grid.Row="7" Grid.Column="7">
                    <Image x:Name="img_1_00" Source="Resources\RedChecker.gif" Width="60" Height="60"/>
                </StackPanel>

            </Grid>

        </StackPanel>
        <StackPanel Height="129" HorizontalAlignment="Left" Margin="12,588,0,0" Name="movesPanel" VerticalAlignment="Top" Width="253" >
            <ListView Background="AntiqueWhite" Height="125" Name="movesListView" Width="220" />
        </StackPanel>
        <StackPanel Height="129" HorizontalAlignment="Left" Margin="781,588,0,0" Name="viewersPanel" VerticalAlignment="Top" Width="209" >
            <ListView Background="AntiqueWhite" Height="125" Name="viewersListView" Width="213" />
        </StackPanel>
        <Label Foreground="Black" Background="BurlyWood" FontSize="15" FontWeight="Bold" Content="Moves" Height="34" HorizontalAlignment="Left" Margin="101,556,0,0" Name="label2" VerticalAlignment="Top" Width="57" />
        <Label Foreground="Black" Background="BurlyWood" FontSize="15" FontWeight="Bold" Content="Viewers" Height="31" Margin="852,559,81,0" Name="label3" VerticalAlignment="Top" />
        <Label Foreground="White" FontSize="15" FontWeight="DemiBold" Content="" Height="28" Margin="117,36,43,0" Name="statusLabel" VerticalAlignment="Top" HorizontalAlignment="Center" Width="842" />
        <Button Content="Update" Height="33" HorizontalAlignment="Left" Margin="13,13,0,0" Name="updateGridBtn" VerticalAlignment="Top" Width="86" Click="updateGridBtn_Click" />
        <Button Content="Release Lock" HorizontalAlignment="Left" Margin="12,305,0,0" VerticalAlignment="Top" Width="86" Height="40" Name="btnReleaseLock" Click="btnReleaseLock_Click" Visibility="Hidden"/>
    </Grid>
</Window>
